import React from 'react';
import mt from '../../images/mt3.png';
import co from '../../images/co21.png';
import sm from '../../images/sm1.png';

export default (props) => {
    const {ele} = props;
    return (
        <div className="social-value" >
            <div className="module-title">社会贡献</div>
            <div>
                <div className="social-line">
                    <div className="w-10">&nbsp;</div>
                    <div>
                        <img src={mt}/>
                        <br/>
                        节约标准煤(万t)
                    </div>
                    <div>
                        <img src={co}/>
                        <br/>
                        CO2减排(万t)
                    </div>
                    <div>
                        <img src={sm}/>
                        <br/>
                        多样植树木(万棵)
                    </div>
                </div>
                <div className="social-line social-year">
                    <div className="w-10">年度</div>
                    <div>{ele.rt_contribution_coal_year}</div>
                    <div>{ele.rt_contribution_co2_year}</div>
                    <div>{ele.rt_contribution_tree_year}</div>
                </div>
                <div className="social-line  social-total">
                    <div className="w-10">累计</div>
                    <div>{ele.rt_contribution_coal}</div>
                    <div>{ele.rt_contribution_co2}</div>
                    <div>{ele.rt_contribution_tree}</div>
                </div>
            </div>
        </div>
    )
}